
  <section id="content" class="m-t-lg wrapper-md animated fadeInDown">
    <div class="container aside-xl">
      <a class="navbar-brand block" href="index.html"><span class="h1 font-bold">Do It Yourself</span></a>
      <section class="m-b-lg">
        <header class="wrapper text-center">
          <strong></strong>
        </header>
        <form (ngSubmit)="onSubmit(user)">
          <div class="form-group">
            <input placeholder="姓名" [(ngModel)]="user.name" name="name" #name="ngModel" class="form-control rounded input-lg text-center no-border">
          </div>
          <div class="form-group">
            <input type="email" placeholder="邮箱"[(ngModel)]="user.email" name="email" #email="ngModel" class="form-control rounded input-lg text-center no-border">
          </div>
          <div class="form-group">
             <input type="password" placeholder="密码" [(ngModel)]="user.password" name="password" #password="ngModel" class="form-control rounded input-lg text-center no-border">
          </div>

          <input type="text" id="input1" placeholder="验证码"   [(ngModel)]="user.code" name="code" #code="ngModel" class="rounded text-center no-border m-xs" style="height: 40px;width: 200px;"/>
          <img  src="" (click)="changeValideCode()" id="codes" class="mid validateCode"/><br />

          <div class="checkbox i-checks m-b">
            <label class="m-l">
              <input type="checkbox"
                     [(ngModel)]="agreeSelected"
                     id="checkboxID"  name="check" checked data-required="true"
              >
              <i></i>同意并接受  <a  routerLink="/userAgreement" class="userAggrement" target="_blank">匠心用户协议</a>
            </label>
          </div>
          <button type="submit"   class="btn btn-lg btn-warning lt b-white b-2x btn-block btn-rounded"><i class="icon-arrow-right pull-right"></i><span class="m-r-n-lg">注册</span></button>
          <div class="line line-dashed"></div>

          <a (click)="login()"  class="btn btn-lg btn-info btn-block btn-rounded">登陆</a>
        </form>
      </section>
    </div>
  </section>

